import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { CoreModule } from "./core/core.module";
import { AppRoutingModule} from './app-routing.module';
import { LoginModule } from './login/login.module';
import { RegModule } from './reg/reg.module';
import { MatToolbarModule,
         MatButtonModule,
         MatInputModule,
         MatTabsModule,
         MatCardModule,
         MatListModule,
         MatDialogModule,
         MatTableModule,
         MatMenuModule,
         MatExpansionModule
       } from '@angular/material';
       
import { AppComponent } from './app.component';
import { HeaderComponent } from './core/header/header.component';
import { FooterComponent } from './core/footer/footer.component';
import { SidebarComponent } from "./core/sidebar/sidebar.component";
import { MainComponent } from './main/main.component';
import { CategoryComponent } from './category/category.component';
import { DetailComponent } from './detail/detail.component';

@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    FooterComponent,
    SidebarComponent,
    MainComponent,
    CategoryComponent,
    DetailComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule,
    RegModule,
    MatTableModule,
    MatListModule,
    LoginModule,
    MatButtonModule,
    MatMenuModule,
    MatCardModule,
    MatExpansionModule,
    MatDialogModule,
    MatTabsModule,
    MatToolbarModule,
    CoreModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
